<template>
  <div class="app-container customer-div">
    <el-menu :default-active="tab" class="el-menu-demo" mode="horizontal" @select="handleSelect">
      <el-menu-item index="index">发货排期</el-menu-item>
      <el-menu-item index="limit">限额设置</el-menu-item>
      <el-menu-item index="warehouse">仓库设置</el-menu-item>
    </el-menu>
    <div v-if="tab=='index'">
        <scheduling></scheduling>
    </div>
    <div v-if="tab=='limit'" ref="limit">
      <limit></limit>
    </div>
    <div v-if="tab=='warehouse'">
      <warehouse></warehouse>
    </div>


  </div>
</template>
<script>
  import {getCustomerOption,getUserOption,myDeptList,saleOrderList,getOrderStatList,getOrderUsersList,getKingInfo} from '@/api/partner'
  import {formatDate} from '@/utils/date';
  import store from '@/store'
  import { mapGetters } from 'vuex'
  import fullCalendar from '@/views/pums/vue-fullcalendar/fullCalendar.vue'
  import scheduling from './components/scheduling.vue'
  import limit from './components/limit.vue'
  import warehouse from './components/warehouse.vue'
  export default {
    name: "index",
    components : {
      'full-calendar': fullCalendar,
      scheduling:scheduling,
      limit:limit,
      warehouse:warehouse
    },
    data(){
      return {
        tab:'index',

      }
    },

    created() {

    },
    filters: {

    },
    methods: {
      handleSelect(key){
        this.tab = key;
      },
    }
  }
</script>

<style lang="scss">

</style>
